<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>${webName}手机版_高效智能的Hadoop在线学习平台</title>
    <#include "common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "common/header.ftl">
      
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li class="active">学习中心</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
            <!-- Left col -->
            <section class="col-lg-12 connectedSortable">
             
                           
              <!-- TO DO List -->
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-calendar"></i>
                  <h3 class="box-title">今日任务</h3>
                  <div class="box-tools pull-right">
                    <a href="${webRoot}m/progress.do">进度</a>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <ul class="todo-list">
                  <#assign oknum=0/>
				  <#assign leftnum=0/>
				  <#list taskList as task>
				  <#if task.state == 3>
				    <#assign oknum = oknum + 1/>
                    <li>
                      <span class="text" style="color:#ccc">${task.name}</span>                   
                    </li>
                  <#else>
				    <#assign leftnum = leftnum + 1/>                   
                    <li>
                      <span class="text"><a href="${webRoot}m/task/execute/${task.taskid?c}.do">${task.name}</a></span>
                    </li>
                  </#if>				
				  </#list>
                  </ul>
                </div><!-- /.box-body -->
                
                <#if leftnum == 0>
                <div class="box-footer clearfix no-border">
                  
                  <#if oknum == 0>
					<strong><code>太好了</code>，今天没学习任务啦</strong>！
				  <#else>
					<strong><code>太棒了!</code></strong> 今天的学习任务完成了，明天继续加油哦！
				  </#if>
				  
                </div>
                </#if>
              </div><!-- /.box -->
              
              
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-bookmark-o"></i>
                  <h3 class="box-title">推荐阅读</h3>
                  <div class="box-tools pull-right">
                    <a href="${webRoot}m/ext.do">更多</a>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <ul class="todo-list"> 
                   <#list elist as ext>
                      <#if ext_index lt 4>
                      		<li>
		                      <span class="text"><a href="${webRoot}m/ext/${ext.eid}.do">
		                      <#if ext.pos==1>
	                      		<i class="fa fa-volume-down text-red"></i>
	                      	  </#if>
		                      ${ext.title}</a></span>
		                    </li>
                      </#if>
                   </#list>                  
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
              

			  <!-- Chat box -->
              <div class="box box-success">
                <div class="box-header"> 
                  <i class="fa fa-thumbs-up text-red" data-toggle="tooltip" title="勋章墙，你奋斗的见证"></i> 
                
				  <i class="fa fa-eye text-<#if Session["dh_medal"][0..0] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="全神贯注，连续学习1小时以上"></i>
				  <i class="fa fa-tasks text-<#if Session["dh_medal"][1..1] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="坚持不懈，连续5天登录《Hadoop大讲台》学习"></i>
				  <i class="fa fa-leaf text-<#if Session["dh_medal"][2..2] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="积极进取，训练日达10个以上"></i>
				  <i class="fa fa-fire text-<#if Session["dh_medal"][3..3] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="百折不挠，训练日达20个以上，且训练时长超过30小时"></i>
				  <i class="fa fa-trophy text-<#if Session["dh_medal"][4..4] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="硕果累累，完成初中高级阶段实战项目各2个以上，并完成最后的综合实践项目"></i>
				  <i class="fa fa-question-circle text-<#if Session["dh_medal"][5..5] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="不耻下问，最近7日在技术问答区提过问题"></i>
				  <i class="fa fa-heart text-<#if Session["dh_medal"][6..6] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="助人为乐，最近7日在技术问答区回答过别人的问题"></i>
				  <i class="fa fa-star text-<#if Session["dh_medal"][7..7] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="榜样之星，表现突出被评选为榜样学员"></i>
				  <i class="fa fa-magic text-<#if Session["dh_medal"][8..8] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="意见领袖，给大讲台提过意见并被采纳"></i>
				  <i class="fa fa-flag text-<#if Session["dh_medal"][9..9] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="就业之星，在大讲台登记就业信息的用户"></i>
				  <i class="fa fa-share text-<#if Session["dh_medal"][10..10] == "1">green<#else>gray</#if>" data-toggle="tooltip" title="推广达人，成功推荐2人以上进入大讲台学习"></i>				               
                </div>                             
              </div><!-- /.box (chat box) -->
            </section><!-- /.Left col -->
            
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "common/foot-common.ftl">
  </body>
</html>